


        Vue.component('v-footer',{
            template:`<footer>
            <div class="fluid flex">
                <div class="us">
                    <img v-if="commonIcons.length" :src="commonIcons[0].imgPath" class="footLogo">
                    <p class="phone">服务热线：<span>{{webBasicInf.phone}}</span></p>
                    <p class="code">
                        <img v-if="commonIcons.length" :src="commonIcons[1].imgPath" alt="codeImg">
                        <span>微信公众号</span>
                    </p>
                </div>
                <div class="nav flex">
                    <div class="links flex flex-justify-content" v-if="i != 0" v-for="(item,i) in nav">
                        <div class="box">
                            <a :href="item.visitUrl">{{item.name}}</a>
                            <div class="son">
                                <p v-if="item.navbarDtos.length" v-for="(sonItem,s) in item.navbarDtos">
                                    <a :href="sonItem.visitUrl">{{sonItem.name}}</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footage">
                <span>{{webBasicInf.copyright}}</span> <span><a href="http://beian.miit.gov.cn">{{webBasicInf.icp}}</a></span> <span>技术支持:<a href="http://www.chuanshi.tech/">穿石科技</a></span>
            </div>
        </footer>`,
            data:function(){
                return{
                    commonIcons:[],
                    webBasicInf:{},
                    nav:[],
                }
            },
            created:function(){
              //获取网站基本信息
              axios.get(dataUrl + 'api/getWebsite',{
                headers:{
                  Authorization: headers
                }
              })
              .then((res) => {
                //console.log(res.data.data);
                this.webBasicInf = res.data.data;
              })

              //获取导航栏
              axios.get(dataUrl + 'api/getNavbar',{
                headers:{
                  Authorization: headers
                }
              })
              .then((res) => {
                //console.log(res.data.data);
                this.nav = res.data.data;
              });

                //common icon
                axios.post(dataUrl + 'api/getBanner',{identification:'COMMON_ICON'},{
                    headers:{
                        Authorization: headers
                    }
                })
                .then((res) => {
                    //console.log(res.data.data);
                    this.commonIcons = res.data.data;
                });
            }
        });